<style>
    span  {
    /*color: #2dcc70;*/
        color:  #34495e;
    }
    .carousel-caption {
        background-color: rgba(52, 73, 94, 0.73);
    }
</style>
<div style="height: 360px">
    <div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
        <div uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id">
            <img ng-src="{{slide.image}}" style="margin:auto;">
            <div class="carousel-caption">
                <h4>{{slide.head}}</h4>
                <p>{{slide.text}}</p>
            </div>
        </div>
    </div>
</div>